<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>精选集</title>
  <link rel="stylesheet" href="../css/reset.css">
  <link rel="stylesheet/less" href="../css/common.less">
  <link rel="stylesheet/less" href="../css/omnibus.less">
</head>

<body>
  <header>
    <div class="box">
      <div class="top">
        <p><a href="../index.html"><img src="../images/omnibus/back_icon.png" alt=""></a></p>
        <h1>精选集</h1>
        <p></p>
      </div>
      <div class="center">
        <p><img src="../images/omnibus/omn_pic.png" alt=""></p>
        <span>
          <h2>叁玖音乐风格大赏之轻音乐</h2>
          <h3>Beson<img src="../images/omnibus/next_icon.png" alt=""></h3>
          <p>#好听的英文歌#喜欢的调调</p>
        </span>
      </div>
    </div>
    <div class="bottom">
      <ul>
        <li>
          <a href="">
            <img src="../images/omnibus/intro_icon.png" alt="">介绍
          </a>
        </li>
        <li>
          <a href="">
            <img src="../images/omnibus/live_icon.png" alt="">喜欢
          </a>
        </li>
        <li>
          <a href="">
            <img src="../images/omnibus/message_icon.png" alt="">92
          </a>
        </li>
        <li>
          <a href="">
            <img src="../images/omnibus/share_icon.png" alt="">分享
          </a>
        </li>
      </ul>
    </div>
  </header>
  <div class="out_box">
    <div class="list_admin">
      <div class="left">
        <a href="">
          <p><img src="../images/omnibus/play_icon.png" alt=""></p>
          <p>全部播放64首</p>
        </a>
      </div>
      <ul class="right">
        <li>
          <a href="">
            <img src="../images/omnibus/loading_icon.png" alt="">
            全部下载
          </a>
        </li>
        <li>
          <a href="">
            <img src="../images/omnibus/admin_icon.png" alt="">
            管理
          </a>
        </li>
      </ul>
    </div>
  </div>
  <div>
    <ul class="music_list">
      <li>
        <div class="list">
          <div class="left">
            <a href="">
              <img src="../images/omnibus/list_pic1.png" alt="">
              <span>
                <h2>天空之城</h2>
                <h3>
                  <p>SQ</p>Doughboy;侧田
                </h3>
              </span>
            </a>
          </div>
          <div class="right">
            <p>MV</p>
            <a href="">
              <span></span>
              <span></span>
              <span></span>
            </a>
          </div>
        </div>
      </li>
      <li>
        <div class="list">
          <div class="left">
            <a href="">
              <img src="../images/omnibus/list_pic2.png" alt="">
              <span>
                <h2>戏台</h2>
                <h3>
                  <p>SQ</p>陈粒
                </h3>
              </span>
            </a>
          </div>
          <div class="right">
            <p>MV</p>
            <a href="">
              <span></span>
              <span></span>
              <span></span>
            </a>
          </div>
        </div>
      </li>
      <li>
        <div class="list">
          <div class="left">
            <a href="">
              <img src="../images/omnibus/list_pic3.png" alt="">
              <span>
                <h2>恋曲2016</h2>
                <h3>
                  <p>SQ</p>叁玖素材
                </h3>
              </span>
            </a>
          </div>
          <div class="right">
            <a href="">
              <span></span>
              <span></span>
              <span></span>
            </a>
          </div>
        </div>
      </li>
      <li>
        <div class="list">
          <div class="left">
            <a href="">
              <img src="../images/omnibus/list_pic4.png" alt="">
              <span>
                <h2>天空之神</h2>
                <h3>
                  <p>SQ</p>Doughboy;侧田
                </h3>
              </span>
            </a>
          </div>
          <div class="right">
            <a href="">
              <span></span>
              <span></span>
              <span></span>
            </a>
          </div>
        </div>
      </li>
      <li>
        <div class="list">
          <div class="left">
            <a href="">
              <img src="../images/omnibus/list_pic6.png" alt="">
              <span>
                <h2>戏台</h2>
                <h3>
                  <p>SQ</p>陈粒
                </h3>
              </span>
            </a>
          </div>
          <div class="right">
            <a href="">
              <span></span>
              <span></span>
              <span></span>
            </a>
          </div>
        </div>
      </li>
      <li>
        <div class="list">
          <div class="left">
            <a href="">
              <img src="../images/omnibus/list_pic3.png" alt="">
              <span>
                <h2>恋曲2016</h2>
                <h3>
                  <p>SQ</p>蜜糖先生乐队
                </h3>
              </span>
            </a>
          </div>
          <div class="right">
            <a href="">
              <span></span>
              <span></span>
              <span></span>
            </a>
          </div>
        </div>
      </li>
    </ul>
  </div>
  <footer>
    <div class="container">
      <div class="left">
        <a href="">
          <img src="../images/home/footer_pic.png" alt="">
          <span>
            <h2>Tomorrow</h2>
            <h3>Avril Lavigne</h3>
          </span>
        </a>
      </div>
      <div class="right">
        <a href=""><img src="../images/home/footer_icon1.png" alt=""></a>
        <a href=""><img src="../images/home/footer_icon2.png" alt=""></a>
      </div>
    </div>
    <div class="bar">
      <span></span>
      <span></span>
    </div>
  </footer>
</body>
<script src="../js/less.min.js" type="text/javascript"></script>

</html>